<%@page import="java.net.URLDecoder"%>
<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!--引入标签库 -->

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>真善美小屋</title>
        <link rel="shortcut icon" href="images/logo.png">
        <link rel="stylesheet" href="css/basic1.css" type="text/css">
        <link rel="stylesheet" href="css/tgb.css" type="text/css">
        <script src="js/jquery-1.11.3.min.js"></script>
        <script src="js/tgb.js"></script>
        
        
    <body>
        
        <header>
            <div class="container">
                <div id="logo"><img src="images/logo.png"></div>
                <nav>
                    <ul class="searchul">
                       <c:choose>
				    <c:when test="${volunteer.getVuname() ne null}">
				       <li><a href="login.jsp">${volunteer.getVuname()}</a></li>
				    </c:when>
				    <c:when test="${elder.getVuname() ne null}">
				       <li><a href="login.jsp">${elder.getVuname()}</a></li>
				    </c:when>
				    <c:otherwise>
				        <li><a href="login.jsp">登录</a></li>
				    </c:otherwise>
				</c:choose>
                        <li><a href="register.jsp">注册</a></li>
                    </ul>
                    
                    <ul class="navul">
                       <li><a href="index.jsp"><span>首页</span></a></li>
                        <li><a href="health.jsp"><span id="current">健康管家</span></a></li>
                        <li><a href="heart.jsp"><span>心语阁</span></a></li>
                        <li class="navli"><a href="show.jsp"><span>真善美小屋</span></a></li>
                        <li><a href="my.jsp"><span>个人中心</span></a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <div id="content">
            <div class="container  clear-fix">
                <div class="conscroll">
                    <div class="slides">
                        <!--图片列表-->
                        <div class="ImgList" style="background:url('photosfromservice/adv1.jpg') center"></div>
                        <div class="ImgList" style="background:url('photosfromservice/adv2.jpg') center"></div>
                        <div class="ImgList" style="background:url('photosfromservice/adv3.jpg') center"></div>
                        <div class="ImgList" style="background:url('photosfromservice/adv4.jpg') center"></div>
                        <!--按钮-->
                        <ul class="button">
                            <li class="hover"></li>
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                    <div class="side">
                        <h3>分享你身边的</h3><h2>动人故事</h2>
                        <div class="links">
                            <p><a href="#">老年公寓处处洋溢着爱的阳光</a></p>
                            <p><a href="#">老年公寓处处洋溢着爱的阳光</a></p>
                            <p><a href="#">老年公寓处处洋溢着爱的阳光</a></p>
                            <p><a href="#">老年公寓处处洋溢着爱的阳光</a></p>
                            <p><a href="#">老年公寓处处洋溢着爱的阳光</a></p>
                            <p><a href="#">老年公寓处处洋溢着爱的阳光</a></p>
                        </div>
                    </div>
                </div>
                <div class="three-col clear-fix">
                    <h2>志愿者之星</h2>
                    <div class="col">
                    <img src="images/star1.png">
                    <p>
                    老年公寓处处洋溢着爱的阳光，暖意浓浓，志愿者们一来到老年公寓就嘘寒问暖，详细了解老年人的身体状况和生活情况；为老年人精心准备了文艺节目
                        <a href="#">阅读更多</a>
                    </p>
                    </div>
                    <div class="col">
                        <img src="images/star2.png"> 
                    <p>
                    老年公寓处处洋溢着爱的阳光，暖意浓浓，志愿者们一来到老年公寓就嘘寒问暖，详细了解老年人的身体状况和生活情况；为老年人精心准备了文艺节目
                        <a href="#">阅读更多</a>
                    </p>
                    </div>
                    <div class="col">
                        <img src="images/star3.png">
                    <p>
                    老年公寓处处洋溢着爱的阳光，暖意浓浓，志愿者们一来到老年公寓就嘘寒问暖，详细了解老年人的身体状况和生活情况；为老年人精心准备了文艺节目
                        <a href="#">阅读更多</a>
                    </p>
                    </div>
                </div>
            </div>
        </div>
        
         <footer>
                <div class="container">
                    <ul id="links">
                        <li><a href="">中国青年志愿者网</a></li>
                        <li><a href="">中国青年志愿者协会</a></li>
                        <li><a href="">中国志愿服务联合会</a></li>
                        <li><a href="">志愿北京</a></li>
                        <li><a href="">腾讯公益</a></li>
                        <li><a href="">搜狐公益</a></li>
                        <li><a href="">网易公益</a></li>
                    </ul><br>
                    <p>Copyright &copy;“幸福巢”社会互助养老公益网</p>
                    <div id="contact">
                        <h3>联系我们</h3>
                        <p>游女士：Tel：18216018060   邮箱：1007420955@qq.com   <br> 曾女士：Tel:15570904369   邮箱:594185294@qq.com     <br>地址:湖南省衡阳市蒸湘区常胜西路28号南华大学护理学院</p>
                    </div>
                </div>
            </footer>
    </body>
</html>